<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	template="/templates/blank.xhtml">
	<ui:define name="content">
		
		<style type="text/css">
			html, body { background-color: #222222 !important; }
		</style>
		
		<div class="form-box" id="login-box">
            <div class="header">Sign In</div>
            <h:form id="login" method="post">
                <div class="body bg-gray">
                	<div class="center">
                		<h:outputLabel value="#{loginController.errorMsg}" class="error" />
                	</div>
                    <div class="form-group">
                    	Username:
                        <h:inputText name="username" class="form-control" value="#{loginController.username}"/>
                    </div>
                    <div class="form-group">
                    	Password:
                    	<h:inputSecret name="password" class="form-control" value="#{loginController.password}"/>
                    </div>          
                </div>
                <div class="footer">                                                  
                	<h:commandButton action="#{loginController.doLogin()}" value="Login" class="btn bg-olive btn-block"/>             
                </div>
            </h:form>            
        </div>
        
	</ui:define>
</ui:composition>